<script>
  export default {
    globalData: {
      code: '', // uni.login获取的code
      member_id: uni.getStorageSync('member_id') ? uni.getStorageSync('member_id') : '', // member_id
      authorize_message: {}, // 授权信息
      userInfo: {},
      mobile: uni.getStorageSync('mobile') ? uni.getStorageSync('mobile') : '',
      is_iPhoneX: false,
    },
    onLaunch() {},
    onShow() {},
    onHide() {},
    methods: {},
  }
</script>

<style lang="scss">
  /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
  @import 'uview-ui/index.scss';
  @import './common/css/iconfont.css';
  @import './common/css/common.scss';

  page {
    --safe-area-inset-top: 0;
    --safe-area-inset-right: 0;
    --safe-area-inset-bottom: 0;
    --safe-area-inset-left: 0;
  }

  @supports (top: constant(safe-area-inset-top)) {
    page {
      --safe-area-inset-top: constant(safe-area-inset-top);
      --safe-area-inset-right: constant(safe-area-inset-right);
      --safe-area-inset-bottom: constant(safe-area-inset-bottom);
      --safe-area-inset-left: constant(safe-area-inset-left);
    }
  }

  @supports (top: env(safe-area-inset-top)) {
    page {
      --safe-area-inset-top: env(safe-area-inset-top);
      --safe-area-inset-right: env(safe-area-inset-right);
      --safe-area-inset-bottom: env(safe-area-inset-bottom);
      --safe-area-inset-left: env(safe-area-inset-left);
    }
  }

  // 用法：
  // 1、margin-top: var(--status-bar-height);
  // 2、height: calc(100vh - 88rpx - 100rpx - var(--safe-area-inset-bottom) - var(--status-bar-height));

  /* 每个页面公共css */
  page {
    width: 100%;
    height: 100%;
    font-size: 28rpx;
    color: #333;
    background: #f5f5f5;
  }

  /* #ifdef H5 */
  uni-page-head {
    // display: none;
  }

  /* #endif */

  view,
  text,
  image,
  input,
  textarea {
    word-break: break-word;
    box-sizing: border-box;
  }

  image {
    width: 100%;
    height: 100%;
  }

  /* 提示文字 */
  .prompt-box {
    position: absolute;
    right: 0;
    bottom: 20rpx;
    width: 90rpx;
    height: 48rpx;
    padding-left: 26rpx;
    line-height: 48rpx;
    color: #fff;
    background: var(--color);
    border-radius: 200rpx 0 0 200rpx;
  }

  .open-bar {
    position: relative;
    width: 360rpx;
    height: 54rpx;

    &-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--color);
      border-radius: 30rpx;
      opacity: 0.1;
    }

    &-line {
      width: 56rpx;
      height: 2rpx;
      background: #333;
    }

    &-point {
      width: 2px;
      height: 2px;
      background: #333;
      border-radius: 50%;
    }
  }

  // 定位底部
  .bottom-0 {
    position: fixed;
    bottom: var(--safe-area-inset-bottom);
    left: 0;
    z-index: 1;
    width: 100%;
  }

  // 按钮
  .footer-primary-btn {
    width: 100%;
    height: 88rpx;
    font-size: 34rpx;
    color: #fff;
    background: var(--color);
    border-radius: 100rpx;
  }

  uni-button,
  button {
    padding: 0;
    margin: 0;
    background: none;

    &::after {
      border: none;
    }
  }

  .main-color {
    color: #015e78;
  }

  .main-bg {
    background: #015e78;
  }

  .u-close {
    z-index: 100 !important;
  }
</style>
